<template>
    <div class="testBg">
        <div class="box whiteBg relative">
            <img src="../../assets/image/guide.png" />
            <div class="fontSize16 center colorBlue fontbold">「 欢迎您参加歌力思职业性格测评，请根据以下指导语进行作答 」</div>
            <div class="mt20 fontSize14 color333">
                <p>1.<span class="fontbold">测评时间</span>：请预留约10分钟的完整测评时间进行作答</p>
                <p class="mt10">2.<span class="fontbold">测评内容</span>：MBTI职业性格测评中的题目，选项没有正确错误之分。测评将辅助你了解自己对各种事物的看法，喜欢用什么方式对各类事务做出决定，认识自己的偏好选择，可帮助你了解自己的特长所在，对哪一类的工作比较投入，以及在工作中如何更好与他人进行沟通；</p>
                <p class="mt10">3. <span class="fontbold">测评过程</span>：请仔细阅读每一题，做答时，请不必做过多的考虑。如果无法决定某个答案时，请先搁置该题，继续进行其他选题后，回过头来再做答。</p>
            </div>
            
        </div>
        <div class="flex flexCenter">
            <div class="testBtn whiteBg center colorfff fontSize16" @click="goTest">进入测评</div>
        </div>
        
    </div>
</template>
<script>
import {GetQueryStr} from '@/common/common'
import {Toast,Empty} from 'vant';
export default {
    name:'personalityTest',
    data(){
        return {
            auth:''
        }
    },
    created(){
        let token=GetQueryStr('token')
        if(token&&token!==''){
            localStorage.setItem('token',token)
        }
        // this.getAuthTombti()
        this.getResult()
    },
    methods:{
        // getAuthTombti(){
        //     this.$apiRequest.getAuthTombti({}).then(res=>{
        //         console.log('获取权限',res)
        //         if(res.code==1){
        //             this.auth=res.data.auth  //0-普通员工 1-管理员
        //         }else{

        //         }
        //     })
        // },
        getResult(){
            let that=this
            Toast.loading({
                message: '加载中',
            })
            this.$apiRequest.getResultmbti({admin_id:''}).then(res=>{
                console.log('评测结果',res)   
                Toast.clear()
                if(res.code==1){
                    if(res.data.status==1){ //status: 1-已答题  2-未答题
                        this.$router.replace('result')
                    }
                }
            })
        },
        goTest(){
            this.$router.push('subjectList')
        }
    }
}

</script>
<style lang='less' scoped>
.testBg{
    background-image: linear-gradient(rgba(83, 114, 192),white);
    // background-color: #4873c1;
    padding: 1rem 0 0 0;
    .box{
        width: 90%;
        margin:0 auto;
        padding: 0.4rem;
        // border-radius: 0.12rem;
        // border: 0.06rem #e9e9e9 solid;
        border-radius: 0.1rem;
        // background: rgba( 255,255,255,0.6);
        img{
            position: absolute;
            top: -0.9rem;
            left: 0;
        }
    }
    .testBtn{
        background-color: #4873c1;
        width: 5rem;
        height: 1rem;
        line-height: 1rem;
        border-radius: 0.6rem;
        margin-top: 0.8rem;

    }
}
</style>
